<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
	<title>应收管理</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="decorator" content="ani"/>
	<%@ include file="/webpage/include/bootstraptable.jsp"%>
	<%@include file="/webpage/include/treeview.jsp" %>
	<%@include file="receivableList.js" %>
</head>
<body>
	<div class="wrapper wrapper-content">
	<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title">应收列表</h3>
	</div>
	<div class="panel-body">
		<sys:message content="${message}"/>
	
	<!-- 搜索 -->
	<div class="accordion-group">
	<div id="collapseTwo" class="accordion-body collapse">
		<div class="accordion-inner">
			<form:form id="searchForm" modelAttribute="receivable" class="form form-horizontal well clearfix">
				<div class="col-xs-12 col-sm-6 col-md-4">
					<label class="label-item single-overflow pull-left" title="装运单号：">装运单号：</label>
					<form:input path="shipmentNumbers" htmlEscape="false" maxlength="64"  class=" form-control"/>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4">
					<label class="label-item single-overflow pull-left" title="装运单号：">受票方：</label>
					<input name="qr" htmlEscape="false" maxlength="64"  class=" form-control"/>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4">
					<label class="label-item single-overflow pull-left" title="提货单号：">结算地：</label>
					<form:input path="arrive" htmlEscape="false" maxlength="64"  class=" form-control"/>
				</div>

				<div class="col-xs-12 col-sm-6 col-md-4">
					<label class="label-item single-overflow pull-left" title="：">开票状态：</label>
					<select name="received" class=" form-control">
						<option value="">请选择</option>
						<option value="0">未开票</option>
						<option value="1">已开票</option>
					</select>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-4">
					<label class="label-item single-overflow pull-left" title="项目名称：">下单日期：</label>
					<div class="col-xs-12">
						<div class='input-group form_datetime' id='date'>
							<input type='text'  name="date" class="form-control "/>
							<span class="input-group-addon">
			                        <span class="glyphicon glyphicon-calendar"></span>
			                    </span>
						</div>
					</div>
				</div>
				<shiro:hasPermission name="fee:receivable:pro">
				<div class="col-xs-12 col-sm-6 col-md-4">
					<label class="label-item single-overflow pull-left" title="：">项目：</label>
					<select name="project" class=" form-control">
						<option value="">请选择</option>
						<option value="武汉润滑油仓储项目">武汉润滑油仓储项目</option>
						<option value="北京润滑油运输项目">北京润滑油运输项目</option>
						<option value="天津润滑油运输项目">天津润滑油运输项目</option>
						<option value="西安润滑油仓储配送项目">西安润滑油仓储配送项目</option>
						<option value="郑州润滑油运输项目">郑州润滑油运输项目</option>
						<option value="石家庄润滑油仓储配送项目">石家庄润滑油仓储配送项目</option>
					</select>
				</div>
				</shiro:hasPermission>
		 <div class="col-xs-12 col-sm-6 col-md-4">
			<div style="margin-top:26px">
			  <a  id="search" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i class="fa fa-search"></i> 查询</a>
			  <a  id="reset" class="btn btn-primary btn-rounded  btn-bordered btn-sm" ><i class="fa fa-refresh"></i> 重置</a>
			 </div>
	    </div>	
	</form:form>
	</div>
	</div>
	</div>
	
	<!-- 工具栏 -->
	<div id="toolbar">
		<button id="btnImport" class="btn btn-info"><i class="fa fa-folder-open-o"></i> 导入</button>
		<div id="importBox" class="hide">
			<form id="importForm" action="${ctx}/fee/receivable/import" method="post" enctype="multipart/form-data"
				  style="padding-left:20px;text-align:center;" ><br/>
				<input id="uploadFile" name="file" type="file" style="width:330px"/>导入文件不能超过5M，仅允许导入“xls”或“xlsx”格式文件！<br/>　　
			</form>
		</div>
		<shiro:hasPermission name="fee:receivable:kp">
		<button id="edit" class="btn btn-success" disabled onclick="sk()">
			<i class="glyphicon glyphicon-edit"></i> 开票
		</button>
		</shiro:hasPermission>
	        	<a class="accordion-toggle btn btn-default" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
					<i class="fa fa-search"></i> 检索
				</a>
		    </div>
		
	<!-- 表格 -->
	<table id="receivableTable"  class="table text-nowrap"   data-toolbar="#toolbar"></table>

    <!-- context menu -->

	</div>
	</div>
	</div>
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">开票</h4>
				</div>
				<div class="modal-body">
					<table class="table table-bordered">
						<tr>
							<td width="35%">开票金额</td>
							<td><input id="kpje" readonly="readonly" class="form-control "/></td>
						</tr>
					</table>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary" onclick="qd()">确定</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>

</body>
</html>